import React, { Component } from "react";

class Product extends Component {
  render() {
    return (
      <div>
        <div hoverable style={{ width: 240, float: "left", marginRight: 20 }}>
          <img
            alt="example"
            src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
          />
          <h3 title="微专业 React" description="study.163.com" />
        </div>
        <div hoverable style={{ width: 240, float: "left", marginRight: 20 }}>
          <img
            alt="example"
            src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
          />
          <h3 title="微专业 Vue" description="study.163.com" />
        </div>
        <div hoverable style={{ width: 240, float: "left", marginRight: 20 }}>
          <img
            alt="example"
            src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
          />
          <h3 title="微专业 直播" description="study.163.com" />
        </div>
      </div>
    );
  }
}

export default Product;
